import Link from 'next/link';
import Image from "next/image";
import NavLinks from '@/app/ui/nav-links';

 
// import AcmeLogo from '@/app/ui/acme-logo';
// import { PowerIcon } from '@heroicons/react/24/outline';
// import { signOut } from '@/auth';

export default function TopNav() {
  return (
    <div className="flex w-full justify-between items-center px-5 py-2 md:px-2 bg-black/30">
      {/* logo */}
      <Link
        className="mb-2 flex items-end justify-start pl-4"
        href="/"
        >
        <Image
            className="dark:invert"
            src="/logo.svg"
            alt="logo"
            width={100}
            height={38}
            priority
          />
      </Link>
      {/* 导航菜单 */}
      <div className="flex justify-end space-x-0 grow">
        <NavLinks />
      </div>
    </div>
  );
}
